<h2>Hero List</h2>

<p><i>Pick a hero from the list</i></p>
<ul>
    <li *ngFor="let hero of heroes"
        (click)="selectHero(hero)">
        {{hero.name}}
    </li>
</ul>

<hero-detail *ngIf="selectedHero" [hero]="selectedHero"></hero-detail>